<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-positive tabs-bg-image"  ng-class="{'tabs-item-hide': hideTabs}">
  <!-- Dashboard Tab -->
  <ion-tab title="游戏大厅" class="tab-green" icon-off="tabs-home-index" icon-on="tabs-home-index" href="#/tab/rooms">
    <ion-nav-view name="tab-rooms"></ion-nav-view>
  </ion-tab>
  <ion-tab title="房间申请" class="tab-green" icon-off="tabs-home-apply" icon-on="tabs-home-apply" href="#/tab/create">
    <ion-nav-view name="tab-create"></ion-nav-view>
  </ion-tab>
  <!-- Account Tab -->
  <!-- Chats Tab -->
  <ion-tab title="我的二维码" class="tab-green" icon-off="tabs-home-qr" icon-on="tabs-home-qr" href="#/tab/share">
    <ion-nav-view name="tab-share"></ion-nav-view>
  </ion-tab>
  <ion-tab title="商品兑换" class="tab-green" icon-off="tabs-home-jifen" icon-on="tabs-home-jifen" href="#/tab/shop">
    <ion-nav-view name="tab-shop"></ion-nav-view>
  </ion-tab>
  <!--</ion-tab>-->
  <ion-tab title="个人中心" class="tab-green" icon-off="tabs-home-mine" icon-on="tabs-home-mine" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>
  <!--<ion-tab title="开发中" icon-off="ion-ios-more-outline" icon-on="ion-ios-more"> </ion-tab>-->